<!--
 * @description: 文件描述
 * @version: 0.0.1
 * @author: xxx
 * @Date: 2025-02-12 15:15:56
-->
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/logo.jpg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
    <title>麦卡伦威士忌品鉴指南</title>
    <!-- <script src="https://conversecby.oss-cn-beijing.aliyuncs.com/libs/vconsole.min.js"></script> -->
    <script charset='UTF-8' src="./src/utils/sa-sdk-javascript-1.27.2/web/sensorsdata.js" type="module"></script>
  </head>
  <body>
    <script>
      (function (doc, win) {
        var docEL = document.documentElement,
          resizeEvt = "orientationchange" in window ? "orientationchange" : "resize",
          recalc = function () {
            // 获取当前设备的宽度
            var clientWidth = docEL.clientWidth;
            if (!clientWidth) return;
            if (clientWidth >= 750) {
              //宽度大于750，根元素字体大小不能超过100px（不能大于设计稿的最大宽度）
              docEL.style.fontSize = "100px"; //设置根元素大小
            } else {
              docEL.style.fontSize = (clientWidth / 750) * 100 + "px";
            }
          };
        if (!doc.addEventListener) return;
        //添加窗口变动监听
        win.addEventListener(resizeEvt, recalc, false);
        //dom加载的时候执行一次
        doc.addEventListener("DOMContentLoaded", recalc, false);
      })(document, window);
    </script>
    <div id="app"></div>
    <script type="module" src="/src/main.js"></script>
  </body>
</html>
